:root {
    /* 颜色系统 - 亮色模式 */
    --apple-primary: #007AFF;
    /* 苹果蓝 */
    --apple-primary-light: #0A84FF;
    --apple-primary-dark: #0071E3;

    --apple-secondary: #5E5CE6;
    /* 紫色 */
    --apple-success: #34C759;
    /* 绿色 */
    --apple-warning: #FF9500;
    /* 橙色 */
    --apple-danger: #FF3B30;
    /* 红色 */
    --apple-info: #5AC8FA;
    /* 浅蓝色 */

    /* 文本颜色 - 亮色模式 */
    --apple-text-primary-light: #000000;
    --apple-text-secondary-light: #3C3C43;
    --apple-text-tertiary-light: #3C3C4399;
    /* 60% 透明度 */
    --apple-text-placeholder-light: #3C3C434D;
    /* 30% 透明度 */

    /* 文本颜色 - 深色模式 */
    --apple-text-primary-dark: #FFFFFF;
    --apple-text-secondary-dark: #EBEBF5;
    --apple-text-tertiary-dark: #EBEBF599;
    /* 60% 透明度 */
    --apple-text-placeholder-dark: #EBEBF54D;
    /* 30% 透明度 */

    /* 背景颜色 - 亮色模式 */
    --apple-bg-primary-light: #FFFFFF;
    --apple-bg-secondary-light: #F2F2F7;
    --apple-bg-tertiary-light: #E5E5EA;

    /* 背景颜色 - 深色模式 */
    --apple-bg-primary-dark: #1C1C1E;
    --apple-bg-secondary-dark: #2C2C2E;
    --apple-bg-tertiary-dark: #3A3A3C;

    /* 输入框背景 */
    --apple-input-bg-light: #FFFFFF;
    --apple-input-bg-dark: #1C1C1E;
    --apple-input-disabled-bg-light: #F2F2F7;
    --apple-input-disabled-bg-dark: #2C2C2E;

    /* 边框颜色 */
    --apple-border-light: #C6C6C8;
    --apple-border-dark: #38383A;

    /* 阴影 */
    --apple-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
    --apple-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --apple-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    --apple-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    --apple-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);

    /* 圆角 */
    --border-radius-xs: 4px;
    --border-radius-sm: 6px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
    --border-radius-full: 9999px;

    /* 按钮圆角 */
    --button-border-radius: 8px;
    --input-border-radius: 8px;

    /* 字体大小 */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 30px;
    --font-size-4xl: 36px;

    /* 字体粗细 */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* 行高 */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;

    /* z-index 层级 */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1100;
    --z-index-fixed: 1200;
    --z-index-modal-backdrop: 1300;
    --z-index-modal: 1400;
    --z-index-popover: 1500;
    --z-index-tooltip: 1600;

    /* 动画时间 */
    --animation-speed-fast: 0.2s;
    --animation-speed-normal: 0.3s;
    --animation-speed-slow: 0.5s;

    /* 动画曲线 */
    --ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    /* 容器宽度断点 */
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-2xl: 1536px;
}